<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>图文列表</title>
   <link rel="stylesheet" href="../css/bootstrap4.5.min.css">
   <link rel="stylesheet" href="../css/public.css">
   <style>
      .imgText_list_22_main {
         margin-bottom: 120px;
         position: relative;
         display: flex;
         justify-content: space-between;
      }

      .imgText_list_22_title {
         width: 30%;
      }

      .imgText_list_22_title h2 {
         padding-bottom: 22px;
         color: var(--c_theme);
         font-size: var(--f_title);
         line-height: var(--l_title);
      }

      .imgText_list_22_title p {
         padding-bottom: 16px;
         color: var(--c_text);
         font-size: var(--f_text);
         line-height: var(--l_text);
      }
      
      .imgText_list_22_content {
         position: absolute;
         bottom: 0;
         right: 0;
         width: 70%;
      }

      .imgText_list_22_content_list li {
         padding: 0 20px;
      }
      
      .imgText_list_22_content_img {
         width: 100%;
         height: 209px;
         overflow: hidden;
      }

      .imgText_list_22_content_img img {
         width: 100%;
         height: 100%;
         transition: 0.5s;
      }

      .imgText_list_22_content_img:hover img{
         transform: scale(1.1);
      }

      @media (max-width:768px){
         .imgText_list_22_main {
            display: initial;
         }

         .imgText_list_22_title {
            width: 100%;
         }

         .imgText_list_22_content {
            position: initial;
            width: 100%;
         }

         .imgText_list_22_content_list li {
            padding: 10px 0;
         }
      }
   </style>
</head>

<body>
   <div class="imgText_list_22 modular">
      <div class="public_width">
         <div class="imgText_list_22_main">
            <div class="imgText_list_22_title">
               <h2>青岛XX中心</h2>
               <p>客户名称：XX集团 </p>
               <p>相关市场：商业建筑, 办公建筑 </p>
               <p>建筑面积：307400㎡ </p>
               <p>项目地点：XXX省 XXX市XXX县XXX路XXX号</p>
               <p>服务范围：概念-方案-扩初 </p>
               <p>建筑团队：周先生、吴先生、王女士</p>
               <p>竣工时间：2018年10月</p>
            </div>

            <div class="imgText_list_22_content">
               <ul class="imgText_list_22_content_list row">
                  <li class="col-md-4">
                     <div class="imgText_list_22_content_img">
                        <img src="../images/img_collection_5.webp" alt="">
                     </div>
                  </li>

                  <li class="col-md-4">
                     <div class="imgText_list_22_content_img">
                        <img src="../images/img_collection_5.webp" alt="">
                     </div>
                  </li>

                  <li class="col-md-4">
                     <div class="imgText_list_22_content_img">
                        <img src="../images/img_collection_5.webp" alt="">
                     </div>
                  </li>
               </ul>
            </div>
         </div>

         <div class="imgText_list_22_main">
            <div class="imgText_list_22_title">
               <h2>天津XX大道</h2>
               <p>客户名称：XX置业有限公司  </p>
               <p>相关市场：商业建筑, 办公建筑  </p>
               <p>建筑面积：329000㎡ </p>
               <p>项目地点：XXX省 XXX市XXX县XXX路XXX号</p>
               <p>服务范围：示范区和南区的景观施工图设计及施工配合 </p>
               <p>建筑团队：周先生、吴先生、王女士</p>
               <p>竣工时间：2019年12月</p>
            </div>

            <div class="imgText_list_22_content">
               <ul class="imgText_list_22_content_list row">
                  <li class="col-md-4">
                     <div class="imgText_list_22_content_img">
                        <img src="../images/img_collection_5_1.png" alt="">
                     </div>
                  </li>

                  <li class="col-md-4">
                     <div class="imgText_list_22_content_img">
                        <img src="../images/img_collection_5_2.png" alt="">
                     </div>
                  </li>

                  <li class="col-md-4">
                     <div class="imgText_list_22_content_img">
                        <img src="../images/img_collection_5_3.png" alt="">
                     </div>
                  </li>
               </ul>
            </div>
         </div>

         <div class="imgText_list_22_main">
            <div class="imgText_list_22_title">
               <h2>青岛XX中心</h2>
               <p>客户名称：XX集团 </p>
               <p>相关市场：商业建筑, 办公建筑 </p>
               <p>建筑面积：307400㎡ </p>
               <p>项目地点：XXX省 XXX市XXX县XXX路XXX号</p>
               <p>服务范围：概念-方案-扩初 </p>
               <p>建筑团队：周先生、吴先生、王女士</p>
               <p>竣工时间：2018年10月</p>
            </div>

            <div class="imgText_list_22_content">
               <ul class="imgText_list_22_content_list row">
                  <li class="col-md-4">
                     <div class="imgText_list_22_content_img">
                        <img src="../images/img_collection_5.webp" alt="">
                     </div>
                  </li>

                  <li class="col-md-4">
                     <div class="imgText_list_22_content_img">
                        <img src="../images/img_collection_5.webp" alt="">
                     </div>
                  </li>

                  <li class="col-md-4">
                     <div class="imgText_list_22_content_img">
                        <img src="../images/img_collection_5.webp" alt="">
                     </div>
                  </li>
               </ul>
            </div>
         </div>

         <div class="imgText_list_22_main">
            <div class="imgText_list_22_title">
               <h2>青岛XX中心</h2>
               <p>客户名称：XX集团 </p>
               <p>相关市场：商业建筑, 办公建筑 </p>
               <p>建筑面积：307400㎡ </p>
               <p>项目地点：XXX省 XXX市XXX县XXX路XXX号</p>
               <p>服务范围：概念-方案-扩初 </p>
               <p>建筑团队：周先生、吴先生、王女士</p>
               <p>竣工时间：2018年10月</p>
            </div>

            <div class="imgText_list_22_content">
               <ul class="imgText_list_22_content_list row">
                  <li class="col-md-4">
                     <div class="imgText_list_22_content_img">
                        <img src="../images/img_collection_5.webp" alt="">
                     </div>
                  </li>

                  <li class="col-md-4">
                     <div class="imgText_list_22_content_img">
                        <img src="../images/img_collection_5.webp" alt="">
                     </div>
                  </li>

                  <li class="col-md-4">
                     <div class="imgText_list_22_content_img">
                        <img src="../images/img_collection_5.webp" alt="">
                     </div>
                  </li>
               </ul>
            </div>
         </div>
      </div>
   </div>
</body>

</html>